<template>
    <div class="">

      <ticket-option  @radioFn="radioFn($event)" :ticktype="ticktype" :tOption="tickOption" />
      <!-- <ticket-option  v-on:radioFn="radioValue=($event)" :tOption="tickOption" /> -->
      <ticket-container :radioValue="radioValue" :ticktype="ticktype" :tContainer="ticketData.tContainer" :ticketSale="ticketSale" />
    </div>
</template>

<script> 

import ticketOption from "@/components/v-ticketOption";
import ticketContainer from "@/components/v-ticketContainer";
export default {
  data() {
    return {
        ticketObj:{},
        radioValue:'',
        
    };
  },
  updated(){
    console.log(this.radioValue);
    
  },
  components:{
      ticketOption,
      ticketContainer
  },

  props:['ticketData','ticktype','tickOption','ticketSale'],
  created() {
    console.log(this.tickOption)
  },
  computed: {
    
        // tOption:function () {

        //   return this.ticketData
        // }
  },
  methods: { 
      radioFn:function(e){
        this.radioValue=e
      }
  }
};
</script>
<style scoped>

</style>
